

@font-face {
  font-family: 'DINPro';
  src: url('../../font/DINPRO-BOLD.OTF') format('woff2'),
}
@font-face {
  font-family: 'REGULAR';
  src: url('../../font/DINPRO-REGULAR.OTF') format('woff2'),
}
.familyREGULAR{
  font-family: 'REGULAR';
}
body{
  width: 100%;
  overflow-x: hidden !important;
}

.public-content {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}


/* 定义flex布局方向为列的类 */
.flex-col {
  display: flex;
  flex-direction: column;
}

/* 定义flex布局方向为行的类 */
.flex-row {
  display: flex;
  flex-direction: row;
}

/* 定义flex项目在主轴起点对齐的类 */
.justify-start {
  display: flex;
  justify-content: flex-start;
}

/* 定义flex项目在主轴中心对齐的类 */
.justify-center {
  display: flex;
  justify-content: center;
}

/* 定义flex项目在主轴终点对齐的类 */
.justify-end {
  display: flex;
  justify-content: flex-end;
}

/* 定义flex项目在主轴上均匀分布的类 */
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

/* 定义flex项目在主轴周围分布的类 */
.justify-around {
  display: flex;
  justify-content: space-around;
}

/* 定义flex项目在主轴两端分布的类 */
.justify-between {
  display: flex;
  justify-content: space-between;
}

/* 定义flex项目在交叉轴起点对齐的类 */
.align-start {
  display: flex;
  align-items: flex-start;
}

/* 定义flex项目在交叉轴中心对齐的类 */
.align-center {
  display: flex;
  align-items: center;
}

/* 定义flex项目在交叉轴终点对齐的类 */
.align-end {
  display: flex;
  align-items: flex-end;
}